@charset "utf-8";
body{font-family:"Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;}
*:focus{outline:0 !important;}
html{height:100%;}
body{overflow:hidden;}
fieldset{margin-bottom:10px; padding:5px; border:1px #a3a3a3 solid; border-radius:4px;}
ul, ol{margin:0; padding:0; list-style:none;}
legend{margin-left:20px; margin-bottom:5px; padding:0 5px; width:auto; font-size:14px; font-weight:700; line-height:inherit; color:#333333; border:0;}
.red{color:red !important;}
.orange{color:#ff9900 !important;}
.blue{color:blue !important;}
.green{color:green !important;}
.purple{color:purple !important;}
.magenta{color:magenta !important;}
.callout{padding:15px; border:1px #CCC solid; border-radius:2px; font-size:14px; line-height:1.5;}
.callout-red{border-left:4px red solid;}
.float-none{float:none !important;}
/* Main */
#main-header{width: 100%;height:66px;margin-bottom: 2px}
#main-header .logo{ padding: 20px 25px 0 15px;  float: left  }
#main-header .logo img { height: 35px  }
#main-header .left-bar { float: left  }
#main-header .right-bar { float: right  }
#main-header .right-bar .user-image { width: 32px;height: 32px;border-radius: 50%;margin-right: 5px  }
#main-header .right-bar > ul > li > a { cursor: pointer;display: inline;float: left;height: 66px;text-decoration : none;color: rgba(255, 255, 255, .95);  padding-top: 17px;  margin-right: 15px  }
#main-header .left-bar .menu,  #main-header.right-bar > ul { white-space:nowrap  }
#main-header .left-bar .menu > li, #main-header .right-bar > ul > li {position: relative;  margin: 0;  padding: 0; float: left;display: inline }
#main-header .menu > .treeview > a { cursor: pointer;  display: inline;  float: left;  width: 88px;  height: 66px;  text-align: center;  text-decoration: none;  color: rgba(255, 255, 255, .9);  padding: 14px 0;  font-weight: 100  }
#main-header .menu > .treeview.active > a {  background-color: #573e7e;  color: #fff  }
#main-header .menu > .treeview > a > i {  display: block;  font-size: 16px;  margin-bottom: 6px;  color: rgba(255, 255, 255, .6)  }
#main-header .menu > .treeview.active > a > i {  color: #fff  }
#main-header .right-bar > ul > li > a > span, .menu > .treeview > a > span {  font-size: 14px  }
#main-header .menu .popover-menu { position: absolute;  top: 66px;  z-index: 4;  display: none  }
#main-header .menu .popover-menu .arrow { position: absolute;  width: 20px;  height: 20px;  top: -20px;  left: 34px;  z-index: 4  }
#main-header .popover-moreMenu .arrow { position: absolute;  width: 20px;  height: 20px;  top: -20px;  left: 326px;  z-index: 4  }
#main-header .menu .popover-menu .arrow *, .popover-moreMenu .arrow * {  display: block;  border-width: 10px;  position: absolute;  border-style: dashed dashed solid dashed;  font-size: 0;  line-height: 0  }
#main-header .menu .popover-menu .arrow em, .popover-moreMenu .arrow em {  border-color: transparent transparent #ededed transparent  }
#main-header .menu .popover-menu .arrow span, .popover-moreMenu .arrow span {  border-color: transparent transparent #fcfcfc transparent;  bottom: -2px  }
#main-header .menu .popover-menu > ul { position: relative;  float: left;  background: #fcfcfc;  border: solid #ededed 2px;  padding: 8px 0  }
#main-header .menu .popover-menu .menuItem { overflow: hidden;  display: block;  text-align: left;  text-decoration: none;  cursor: pointer;  color: rgba(0, 0, 0, .5);  width: 152px;  font-size: 14px;  font-weight: 100;  padding: 8px 0 8px 15px  }
#main-header .menu .popover-menu .active > .menuItem, .menu .popover-menu .menuItem:hover {  color: #fefefd;  background: #614789  }
#main-header .menu .popover-menu .menuItem > .firstIcon {width: 17px;  font-size: 15px;  margin-right: 8px;  vertical-align: middle;  margin-bottom: 1px  }
#main-header .menu .popover-menu .menuItem > .pull-right {font-size: 16px;  vertical-align: middle;  width: 17px;  line-height: 20px;  position: absolute;  right: 0  }
#main-header .menu .popover-menu .popover-menu-sub { position: absolute;left: 152px;z-index: 1;margin-top: -46px; display: none}
#main-header .menu .popover-menu .popover-menu-sub > ul { position: relative;float: left; background: #fcfcfc;border: solid #ededed 2px; padding: 8px 0}
/* Navtab */
#main-body{position:relative; padding:0; overflow:hidden; }
#main-navtab > .tabsPageHeader{position:relative; display:block; width:100%; height:26px; border-style:solid; border-width:0;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent{position:relative; display:block; margin-right:20px; height:26px; overflow:hidden;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin{margin:0 39px 0 20px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:first-child{margin-left:2px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:last-child{margin-right:4px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul{position:absolute; height:26px; min-width:1000%;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li{position:relative; margin-bottom:1px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.active{border-bottom:none}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a{padding:2px 18px 2px 12px; color:#777 !important; border-width:1px; border-style:solid; text-shadow:0 1px 0 #4c58a4;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a:hover,
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.active > a{color:#222 !important;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a > span{font-size:14px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a > span > em{font-size:14px; font-style:normal;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close{position:absolute; right:5px; top:1px; font-size:12px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close:hover{color:#FF0000;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.navtab-drag > a{opacity:.8;}
#main-navtab > .tabsPageHeader > .tabsLeft,
#main-navtab > .tabsPageHeader > .tabsRight,
#main-navtab > .tabsPageHeader > .tabsMore{position:absolute; display:block; width:20px; height:26px; font-size:16px; line-height:1.5; text-align:center; overflow:hidden; cursor:pointer;}
#main-navtab > .tabsPageHeader > .tabsLeft{top:0; left:0; display:none;}
#main-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled{top:0; left:0; cursor:default;}
#main-navtab > .tabsPageHeader > .tabsRight{top:0; right:19px; display:none; border-right:none;}
#main-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{top:0; right:19px; cursor:default;}
#main-navtab > .tabsPageHeader > .tabsMore{top:0; right:0; border-radius:4px 4px 0 0;}
#main-navtab > .tabsMoreList{position:absolute; top:25px; right:0; z-index:2; display:none; padding:0; width:170px; max-height:380px; overflow-x:hidden; overflow-y:auto; background-color:#fff; border:1px #eee solid;}
#main-navtab > .tabsMoreList > li{display:block; overflow:hidden;}
#main-navtab > .tabsMoreList > li a{display:block; padding:0 10px; height:25px; line-height:25px; color:#333; white-space:nowrap;}
#main-navtab > .tabsMoreList > li.active a,
#main-navtab > .tabsMoreList > li a:hover{font-weight:bold; text-decoration:none; background-color:#f5f5f5;}
#main-navtab > .tabsPageContent{position:relative; display:block; margin-top:5px; overflow:hidden;}
#main-navtab > .tabsPageContent > .navtabPage{position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; height:100%; overflow:hidden;}


#main-body{position:relative; padding:0; overflow:hidden;}

/*@media (max-width: 990px) {
    #main-sidenav-col{left:-270px;}
    #main-navtab{margin-left:0;}
    #main-sidenav-btn{display:block;}
}*/
@media (min-width: 768px) {
    .container {width:100%;}
}
@media (min-width: 1200px) {
    .container {width:1170px;}
}
@media (min-width: 768px) {

}
/* Main */
#main-window{margin:0 auto; overflow:hidden;}
#main-splitBarProxy{position:absolute; top:0; left:201px; z-index:2; display:none; width:1px; overflow:hidden; border-style:solid; border-width:1px; cursor:col-resize; float:left;}
#main-footer{position:absolute; bottom:0; left:0; width:100%; height:24px; font-size:12px; line-height:24px; text-align:center; background-color:#555;}
#main-footer{color:#fff;}
#main-footer a{color:#fff;}
#main-body{position:relative; padding:0; overflow:hidden;}



@media (min-width: 768px) {
    .container {width:100%;}
}
@media (min-width: 1200px) {
    .container {width:1170px;}
}
@media (min-width: 768px) {

}
/* Pages */
.main-pageHeader{position:relative; padding:5px;}
.main-pageHeader:before, .main-pageHeader:after{display:table; content:" ";}
.main-pageHeader:after{clear:both;}
.main-pageHeader label, .main-pageFooter label{margin-bottom:0;}
.main-pageFooter{position:absolute; bottom:0; padding:3px 5px; width:100%; min-height:28px; border-top:1px #e1e1e1 solid;}
.main-pageFooter > ul{margin:0; list-style:none;}
.main-pageFooter > ul > li{float:right; margin-left:5px;}
.main-pageFooter > ul > li.left{float:left; margin-left:0; margin-right:5px;}
.main-pageFooter > .pages{float:left; padding:1px 5px 0;}
.main-pageFooter > .pages > span{float:left; line-height:24px;}
.main-pageFooter > .pages > .selectPagesize{float:left; display:inline-block; padding-top:1px;}
.main-pageFooter > .pages > .selectPagesize > .btn-group > .btn{padding:2px; height:21px; border-radius:2px;}
.main-pageFooter > .pages > .selectPagesize > .btn-group > .btn > .filter-option{line-height:1.278;}
.main-pageFooter > .pagination-box{float:right;}
.main-pageFooter > .pagination-box > ul{display:inline;}
.main-pageFooter > .pagination-box > ul > li > a,
.main-pageFooter > .pagination-box > ul > li > span{position:relative; float:left; margin-left:-1px; padding:3px 8px; line-height:1.428571429; text-decoration:none;}
.main-pageFooter > .pagination-box > ul > li > .p-input{padding:1px;}
.main-pageFooter > .pagination-box > ul > li > .p-input > .input-sm-pages{padding:0; height:21px;}
.main-pageFooter > .pagination-box > ul > li.jumpto .goto{margin-left:-1px; height:25px; line-height:17px;}
.main-pageHeader li .btn,
.main-pageFooter li .btn{height:25px;}
.main-pageContent{position:absolute; top:0; bottom:0; width:100%; overflow:auto;}
.main-dialog .main-pageContent{padding:10px;}
.main-pageContent.tableContent{padding:0;}
.main-pageFormContent{position:relative; display:block; padding:10px 5px; overflow:auto;}
.main-searchBar > .showMoreSearch{padding:0 3px; font-size:22px; line-height:1; color:red; background:none;}
.main-searchBar > .showMoreSearch:hover{border:1px red solid; border-radius:3px;}
.main-pageHeader .main-moreSearch{position:absolute; top:1px; left:0; z-index:1; display:none; padding:5px; width:100%; background:#f7f7f7; box-shadow:0 3px 7px rgba(0,0,0,0.5);}
.main-pageHeader .main-moreSearch label{display:inline-block; margin-bottom:0; vertical-align:middle;}
.main-layout{position:relative; height:100%; overflow:auto;}
.tab-content > .tab-pane .main-pageHeader,
.tab-content > .tab-pane .main-pageContent,
.tab-content > .tab-pane .main-pageFooter{position:static;}
/* Navtab */
#main-navtab{position:relative; margin-left:2px; margin-right:2px; height:100%;}
#main-navtab > .tabsPageHeader{position:relative; display:block; width:100%; height:26px; border-style:solid; border-width:0;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent{position:relative; display:block; margin-right:20px; height:26px; overflow:hidden;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin{margin:0 39px 0 20px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:first-child{margin-left:2px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:last-child{margin-right:4px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul{position:absolute; height:26px; min-width:1000%;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li{position:relative; margin-bottom:1px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.active{border-bottom:none;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a{padding:2px 18px 2px 12px; color:#777 !important; border-width:1px; border-style:solid; text-shadow:0 1px 0 #fff;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a:hover,
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.active > a{color:#222 !important;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a > span{font-size:14px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li > a > span > em{font-size:14px; font-style:normal;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close{position:absolute; right:5px; top:1px; font-size:12px;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close:hover{color:#FF0000;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.navtab-drag > a{opacity:.8;}
#main-navtab > .tabsPageHeader > .tabsLeft,
#main-navtab > .tabsPageHeader > .tabsRight,
#main-navtab > .tabsPageHeader > .tabsMore{position:absolute; display:block; width:20px; height:26px; font-size:16px; line-height:1.5; text-align:center; overflow:hidden; cursor:pointer;}
#main-navtab > .tabsPageHeader > .tabsLeft{top:0; left:0; display:none;}
#main-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled{top:0; left:0; cursor:default;}
#main-navtab > .tabsPageHeader > .tabsRight{top:0; right:19px; display:none; border-right:none;}
#main-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{top:0; right:19px; cursor:default;}
#main-navtab > .tabsPageHeader > .tabsMore{top:0; right:0; border-radius:4px 4px 0 0;}
#main-navtab > .tabsMoreList{position:absolute; top:25px; right:0; z-index:2; display:none; padding:0; width:170px; max-height:380px; overflow-x:hidden; overflow-y:auto; background-color:#fff; border:1px #eee solid;}
#main-navtab > .tabsMoreList > li{display:block; overflow:hidden;}
#main-navtab > .tabsMoreList > li a{display:block; padding:0 10px; height:25px; line-height:25px; color:#333; white-space:nowrap;}
#main-navtab > .tabsMoreList > li.active a,
#main-navtab > .tabsMoreList > li a:hover{font-weight:bold; text-decoration:none; background-color:#f5f5f5;}
#main-navtab > .tabsPageContent{position:relative; display:block; margin-top:5px; overflow:hidden;}
#main-navtab > .tabsPageContent > .navtabPage{position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; height:100%; overflow:hidden;}
#main-navtab > .tabsPageHeader > .tabsLeft,
#main-navtab > .tabsPageHeader > .tabsRight,
#main-navtab > .tabsPageHeader > .tabsMore{background-color:#f3f8fc; border:1px #c3ced5 solid;}
#main-navtab > .tabsPageHeader > .tabsLeft:hover,
#main-navtab > .tabsPageHeader > .tabsRight:hover,
#main-navtab > .tabsPageHeader > .tabsMore:hover{color:#f3f8fc; background-color:#222;}
#main-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled,
#main-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{color:#999; border-color:#c3ced5; border-bottom-color:#c3ced5;}
#main-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled:hover,
#main-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled:hover{background:#f3f8fc;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav{border-bottom-color:#c3ced5;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a{color:#222; background-color:#f3f8fc; border-color:#eee; border-bottom-color:#c3ced5;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a:hover{color:#222; background:#d9e7f2; border-color:#c3ced5; border-bottom-color:transparent;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li.active > a{color:#222; font-weight:bold; background:#fff; border-color:#c3ced5; border-bottom-color:transparent;}
#main-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li.navtab-drag > a{background:#d9e7f2;}
#main-navtab > .tabsPageContent{background:#fff;}